@charset "utf-8";
/* CSS Document */
#sitecontent { background: #f8f8f8; }
.content .header { padding-top:30px;}
/*顶部导航居右 */
#header {background:#fff;}
#indexPage #mslider ul li p { color: #fff; }
#indexPage #mservice { background-color: #171717; }
#mservice .content .header p.title { color: #F3F3F3; }
#mservice .content .header p.subtitle { color: #707070; }
#mservice .serviceitem div p.title { color:#F1F1F1; }
.bx-wrapper { background: #171717; }
#indexPage #mproject { background-color: #18191b; }
.content .header p.title { color: #005A46;line-height:1.8em;}
.content .header p.subtitle { color: #656565; }
#projectmore { color: #C5C5C5; background: #262626; font-family: "HELVETICANEUELTPRO-THEX"; }
#leftcontrol ul li.active a span.circle { border-color: #A2A2A2; background-color: #A2A2A2; }
#indexPage a.more { color:#C5C5C5; border-color: #262626; background-color: #262626; border-radius: 0px; width: 60%; }
#projectpost .postbody a {background: #3B3B3B;color:#DADADA;}
.postbody a {color:#E6E6E6;}
#category .label { background: #005A46; }
#pages a.active, #pages a:hover { background: #03D522; }
.dropmenu ul li a.active { color: #fff;background: #0c0c0c; }
.dropmenu ul li a { color: #BBBBBB; background: rgba(17, 17, 17, 0.9); }
.dropmenu ul li { border-bottom: #2B2B2B   1px solid; }
.dropmenu ul.open2{ height: auto; }
#indexPage #mnews { background-color: #1d1e20; }
#indexPage #mteam { background-color: #1A1A1A; }
#footer { background: #fff; }
#footer .logo-img{display: block; text-align: center; height: 74px; padding: 40px 0 20px;}
#footer .logo-img img{ float: none; }
#footer p{ color: #999; text-align: center; padding-bottom: 30px; }
#mteam .content .header p.title { color: #FFF; font-family: "HELVETICANEUELTPRO-THEX"; }
#mteam .teamitem { border-bottom: #3C3C3C 1px dotted; }
#leftcontrol ul li a { font-family: "HELVETICANEUELTPRO-THEX"; }
#indexPage #mslider { height: 370px; }
#indexPage #mslider ul li { height: 370px; }
#indexPage #mslider ul li p.title { font-size: 2rem; margin-top: 300px; font-family: "HELVETICANEUELTPRO-THEX"; }
#indexPage #mslider ul li p.subtitle { font-family: "HELVETICANEUELTPRO-THEX"; color: #6E6E6E; }
#newslist .newstitem .newsdate { background-color:transparent; width: 7.6rem; padding: 1rem 1rem 1rem 0; }
#newslist .newstitem {border-bottom:0 none;padding-bottom: 30px; padding-top:0;}
#newslist .newsinfo .md { color:#9E9E9E; font-size: 2.4rem; line-height: 2.4rem; text-align:left; }
#newslist .newsinfo .year { text-align:left; color:#848484;}
#indexPage a.more:hover { border: #262626 1px solid; background: #262626; }
#newslist .newstitem .newsinfo{ position: relative; padding: 0px 10px 10px 180px; display: block;  background-color: #fff;}
#newslist .newstitem .newsinfo .img-box{ height: 164px; width: 164px; position: absolute; top: 0; left: 0; }
#newslist .newstitem .newsinfo .img-box img{ height: 100%; width: 100%; }
/*案例*/
#projectlist .projectitem { padding-bottom: 50px; width: 98%; background-color:#fff; margin:0 1% 2.3%;}
#projectlist .projectitem .project_info { height: 50px; position: absolute; width: 100%; bottom: 0; }
.projectitem .project_info p.title { margin-top: 10px; color: #333; font-size: 13px; text-align: left; margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;    margin-bottom:3px;}
.projectitem .project_info p.subtitle { color: #7E7E7E; font-size: 10px; margin-left: 10px; text-align: left; }
/*#projectlist .projectitem a .project_info::after {width: 0%;height: 50px;position: absolute;content: "";top: 100%;left: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-color: #FDD947;margin-top: -50px;z-index: 0;}
#projectlist .projectitem a:active .project_info::after {width: 100%;}
#projectlist .projectitem .project_info div {z-index: 1;}*/
#projectlist{ position: relative;}
#projectlist .img-box img{ width: 48%; margin: 0 1% 2.3%;; height: 120px; }

/*服务*/
#indexPage #mservice .slider_wrapper { height: 220px; }
.serviceitem img { height: auto; }
.serviceitem { height: 168px; }
#mservice .bx-viewport { max-height: 370px; height: 300px; }
#indexPage #mservice .slider_wrapper .bx-controls-direction a { margin: 10px 20px; }
/*关于*/
#indexPage #mpage { background-color: #1d1e20; }
#newslist .newsbody .title { color: #333; }
#indexPage #newslist #newsitem .newsimg { display: block; width: 280px; height: 180px; }
#indexPage #mpartner { background-color: #1d1e20; }
#indexPage #mpartner ul li img { height: 60px; }
#indexPage #mpartner .wrapper { height: 60px; }
#indexPage #mpartner ul { height: 60px; }
.serviceitem div p.title {color: #fff;}
.teamitem { border-bottom: #383838 1px dotted; }
#teampost .header .title {color: #fff;}
.postbody hr {border-top: 1px dotted rgb(68, 68, 68);}
.postbody {color: #aaa;}
.postbody img { height:auto;}
#servicelist li.line { background:transparent;margin: 10px 0;}
#servicelist .serviceitem { width:100%; margin-right:0;border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom:30px;}
#projectlist .title p{ font-size: 16px; text-align: center; padding: 10px 0 20px; color: #005A46; font-weight: bold; position: relative;}
#projectlist .title p:after{content: ""; display: inline-block; width: 20px; height: 1px; position: absolute; top: 36px; left: 50%; margin-left: -10px; background-color: #005A46;}
#projectlist:after{ content: ""; display: table; clear:both; }
#projectlist .body{padding: 0 13px; text-align: center;}
#projectlist .body img{ max-width: 100%; float: none;}
#projectlist .body .p{ word-break: break-all; font-size: 14px; color: #666; line-height: 1.5; padding:10px 20px; text-align: left; background-color: #fff;}
#banner div{ height: 130px; margin-bottom: 10px;background-size: cover; }

#newslist .title p{ font-size: 16px; text-align: center; padding: 10px 0 20px; color: #005A46; font-weight: bold; position: relative;}
#newslist .title p:after{content: ""; display: inline-block; width: 20px; height: 1px; position: absolute; top: 36px; left: 50%; margin-left: -10px; background-color: #005A46;}
#newslist .more{ display: block; text-align: center; color: #DBC699; padding: 10px 0 20px; }

.shopsi{ background-color: #fff; }
.shopsi .title{ font-size: 16px;color: #666; padding: 10px 13px;border-bottom: 1px solid #eee; }
.shopsi .body{ padding: 20px; font-size: 0;}
.shopsi .body .item{ vertical-align: top; font-size: 15px;}
.shopsi .body .item .p1{color: #464646; margin-bottom: 6px;}
.shopsi .body .item .p2{margin-bottom: 13px;color: #9e9e9e;}
.map-box img{ width: 100%; max-width: 100%; }

.recruit table{ border-collapse: collapse; width: 100%; }
.recruit table tr th,.recruit table tr td{ font-size: 14px; color: #005a46; border:1px solid #005a46; text-align: center; padding: 8px 0;}
.recruit table tr th{ background-color: #005a46; color: #fff; }
.recruit table tr:nth-child(2n+1){ background-color: #edf2f0; }

.p-img{text-align: center;}

.problem-list li{list-style: none; background-color: #fff; padding: 16px 13px; margin-bottom: 2px;}
.problem-list li .p1{ font-size: 18px; color: #005a46; margin-bottom: 10px;}
.problem-list li .p2{ font-size: 14px; color: #666; line-height: 1.5; }

.p-img .input{ display: block; padding:6px 8px; box-sizing: border-box; height: 36px; line-height: 36px; background-color: #fff; border:1px solid #ddd;width: 100%;}
.p-img .textarea{ display: block; width: 100%; padding:6px 8px; box-sizing: border-box; height: 100px; line-height: 1.5; background-color: #fff; border:1px solid #ddd; }
.p-img .btn-box{ text-align: center; padding-top: 10px; }
.p-img .btn-pri{ display: inline-block; background-color: #005a45; height: 40px; line-height: 40px; padding: 0 25px; color: #fff; }
.p-img .btn-pri:hover{ opacity: 0.8; text-decoration: none;}
.p-img p{text-align: left;font-size: 16px;color: #666;}
.p-img .p2{ margin-bottom: 10px; font-size: 14px;}
.p-img .p2 span{ color: #007c76 }
.select{padding: 6px 8px;box-sizing: border-box;height: 36px;line-height: 36px;background-color: #fff;border: 1px solid #ddd;width: 32.1%;}
.p-img .inp .pp label{ padding-right: 10px; text-align: left;}
.p-img .inp .pp{ margin-bottom: 10px; }
.p-img .inp .pp .select{ width: 100% }
.p-img .tr{ margin-bottom: 10px; }
.p-img .tr .blo{ display: block; text-align: left;}
.p-img .tr .body .q{ display: block;color: #888;text-align: left;padding-left: 20px;}
.p-img .tr .body .q input{ margin-right: 6px; margin-bottom: 3px;vertical-align: middle; }
.pc{padding: 20px;background-color: #fff; color: #888}
.p-img .ppe{ font-size: 0; text-align: left;}
.p-img .ppe .select{ font-size: 14px; width: 32.4%;
    margin-right: 1%;}
.p-img .ppe label{ font-size: 14px; }
.p-img .ppe .select:last-child{ margin-right: 0; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #9b9b9b;} 
input:-moz-placeholder, textarea:-moz-placeholder{color: #9b9b9b;} 
input::-moz-placeholder, textarea::-moz-placeholder{color: #9b9b9b;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #9b9b9b;} 
.search{margin: 8% 0 6%; padding: 0; border: 1px solid #cfcfcf;}
.search input[type="text"]{    box-sizing: border-box;padding: 10px; line-height: 20px; height: 40px; font-size: 14px; color: #666; width: 100%;}
.search .weui-cell__ft input{width: 40px; height: 40px; background: url(../../../templets/cloud_04/images/search.png) no-repeat center center; background-size: 11px;}
.store-map{height: 88vh;}
.innerbox{ border-bottom: 1px solid #cfcfcf; margin-bottom: 4%;}
.query{ font-size: 14px; }
.query2 .line{margin: 15px auto 0; display: block; height: 1px; background: #d0d0d0;}
.query2 h5{padding: 8px 0; color: #6e6e6e; font-size: 16px; line-height: 30px; font-weight: normal; border-bottom: 1px solid #cfcfcf;}
.query-box{height: 60%;}
.query-box .item{padding: 15px 45px 5px 28px;}
.query-box .item p.f14{margin-top: 8px; margin-bottom: 13px; color: #9e9e9e;}
.query-box .item p.f14.bold{margin: 0; color: #464646;}
.query-box .item p.f16{color: #464646;}
.query2 select{display: inline-block; margin-bottom: 4%; padding:0 4% 0 10px; width: 48.9%; height: 40px; line-height: 40px; border: 1px solid #cfcfcf; background: url(../../../templets/cloud_04/images/down.png) no-repeat 95% center; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;font-size: 14px;}
.query2 select:nth-of-type(1){margin-right: 2%;}
.map-box2{ height: 150px; overflow-x: auto; }
.weui-cell{padding: 1px 0; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;    margin: 0 0 4%;}
.weui-cell_primary{min-width: 1px;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.weui-flex__item{min-width: 1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.start{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.nobefore::before, .noafter::after{display: none !important;}
.container{width: auto; margin: 0 16.6666666667%; padding: 0;}
.postbody .icopp {
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-bottom: 14px;
}